@charset "UTF-8";
@import "../../css/base.less";

html,
body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-family: "SimHei SimSun", Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: @gray_33;
}
.page_container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  .el-header {
    background: @white;
  }
  .showAsid {
    position: absolute;
    left: @aside_width;
    bottom: 20px;
    height: 50px;
    width: 12px;
    background: @blue;
    color: @white;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    cursor: pointer;
    line-height: 50px;
    display: none;
    .iconfont {
      font-size: 12px;
    }
  }
  .el-menu {
    border-right: 0;
    background: none;
  }

  .page_aside {
    height: 100%;
    background-image: linear-gradient(90deg, #006cff, #399efd);
    box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);
    transition: all 0.4s;
    overflow-y: auto;
    position: relative;
    &::-webkit-scrollbar {
      width: 5px;
      height: 1px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius: 5px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #0473e2;
    }

    &::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
      background: #e8e8e8;
    }
    .logo {
      width: @aside_width;
      color: @white;
      font-size: 18px;
      // background: @menu-bg;
      transition: all 0.4s;
      font-weight: 600;
      text-align: center;
      line-height: 48px;
      padding: 0;
      overflow: hidden;
      cursor: pointer;

      .icon {
        font-size: 20px;
      }

      .text {
        display: inline-block;
        margin-left: 5px;
        font-size: 18px;
      }
    }

    .header_left {
      line-height: @header_height;
      margin-right: 20px;

      .item {
        float: left;
        line-height: @header_height;
        cursor: pointer;
        margin-left: 15px;
        color: @font-color;
      }

      .head_menu {
        white-space: nowrap;
        overflow: hidden;

        .item_menu {
          user-select: none;
          display: inline-block;
          height: 100%;
          font-size: 14px;
          cursor: pointer;
          padding: 0 10px;
          text-align: center;

          &:hover {
            color: @gray_e6;
          }

          &.active {
            background: @gray_hover;
          }

          .item {
            margin-left: 0;
            margin-right: 5px;
          }
        }
      }
    }
  }

  .child_menu_box {
    position: relative;
    z-index: 5;
    width: 0;
    height: 100vh;
    background: #fff;
    &.show_box {
      width: 200px;
    }
    .menu_title {
      height: 50px;
      line-height: 50px;
      padding: 0 20px;
      font-weight: 600;

      border-bottom: 1px solid @gray_e6;
      white-space: nowrap;
      overflow: hidden;
      > div {
        overflow: hidden;
        font-size: 16px;
      }
    }

    .child_menu_list {
      list-style: none;
      line-height: 50px;
      padding: 10px 0;
      width: 100% !important;
      box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);
      li {
        color: #666;
        white-space: nowrap;
        overflow: hidden;

        > span {
          display: block;
          cursor: pointer;
          padding: 0 15px 0 30px;
          position: relative;
          font-size: 16px;
          color: @gray_33;
          .iconfont {
            font-size: 12px;
            position: absolute;
            left: 12px;
            top: 0;
            .comTranstion();
          }
        }
        .fastAdd {
          position: absolute;
          right: 10px;
          width: 20px;
          text-align: right;
          top: 50%;
          transform: translateY(-50%);
          color: @gray_44;
        }
        > a {
          font-size: 16px;
          color: @gray_33;
          position: relative;
          border-radius: 0.3em;
          padding: 0 5px 0 10px !important;
          margin: 0 10px 0 15px;
        }
        a {
          display: block;
          cursor: pointer;
          padding: 0 15px 0 30px;
          &:hover {
            color: @blue;
            .fastAdd {
              color: @blue;
            }
          }
          &.active {
            color: @blue;
            background: #eff0f0 !important;
            .fastAdd {
              color: @blue;
            }
          }
        }
        dd {
          line-height: 50px;
          padding: 0 10px 0 15px;
          a {
            padding: 0 5px 0 10px;
            border-radius: 0.3em;
            font-size: 14px;
            position: relative;
            color: @gray_66;
          }
        }
        &.showChild {
          > span {
            .iconfont {
              transform: rotate(90deg);
            }
          }
        }
        &.firstOther {
          margin-top: 10px;
          border-top: 1px solid @gray_d6;
          padding-top: 10px;
          height: 60px;
        }
        > a.otherItem {
          font-size: 14px;
        }
      }
    }
    .child_nav_hide {
      position: absolute;
      display: none;
      bottom: 30px;
      left: 50%;
      font-size: 12px;
      transform: translateX(-50%);
      border: 1px solid @gray_d6;
      border-radius: 0.3em;
      padding: 3px 5px;
      color: @gray_99;
      cursor: pointer;
    }
  }

  .page_header {
    padding: 0;
    color: @white;
    height: @header_height;
    .flex-1 {
      height: auto !important;
    }
    .logo {
      width: @aside_width;
      color: @white;
      font-size: 18px;
      background-image: linear-gradient(90deg, #006cff, #399efd);
      transition: all 0.4s;
      font-weight: 600;
      text-align: center;
      height: @header_height;
      // line-height: @header_height;
      padding: 0;
      overflow: hidden;
      cursor: pointer;

      .icon {
        font-size: 20px;
      }
      .text {
        display: inline-block;
        margin-left: 5px;
        font-size: 18px;
      }

      // overflow-x: hidden;
      // overflow-y:auto;
    }

    .page_header_top {
      border-bottom: 1px solid @gray_e6;
    }

    .header_right {
      list-style: none;
      color: @font-color;

      > li {
        display: inline-block;
        line-height: @header_height;
        margin-right: 15px;
        cursor: pointer;
        &.refresh {
          &:hover {
            color: @blue;
          }
        }
        a {
          &:hover {
            color: inherit;
            text-decoration: noen;
          }
        }
      }

      .dropdown {
        a {
          &:hover {
            text-decoration: none;
          }
        }

        li {
          line-height: 30px !important;
          padding: 0 15px;

          &:hover {
            color: @blue;
          }
        }
      }
    }
  }

  .page_content {
    height: 100%; //calc(100vh - @header_height);

    .page_main {
      background: @gray_f8;
      width: 100% !important;
      .iframeBox {
        height: 100%;
      }
      .el-main {
        padding: 15px;
      }
    }
  }
}
.comapnySideForm {
  position: fixed;
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 0.3em;
  overflow: hidden;
  padding-top: 50px;
  background: #fff;
  height: calc(100% - 30px);
  top: 15px;
  right: -25%;
  .comTranstion();
  z-index: 100;

  &.hasFootBtn {
    padding-bottom: 50px;
  }

  .sideFormHead {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    z-index: 50;
    line-height: 50px;
    background: @blue;
    color: @white;
    padding: 0 15px;

    .headText {
      font-size: 16px;
    }

    .closeSideForm {
      position: absolute;
      right: 15px;
      color: @white;
      cursor: pointer;
    }
  }

  .sideFootBtn {
    padding-top: 7px;
    background: @white;
  }
}
.comTabList {
  position: relative;
  .item {
    float: left;
    position: relative;
    .comTranstion();
    font-size: 13px;
    border-bottom: 2px solid transparent;
    // &::after {
    //   content: "";
    //   position: absolute;
    //   bottom: 0;
    //   left: 50%;
    //   transform: translateX(-50%);
    //   width: 50%;
    //   height: 2px;
    //   background: @blue;
    //   opacity: 0;
    // }
  }
  &.lineTab {
    .item {
      padding: 0 5px;
      height: 30px;
      line-height: 30px;
      margin-right: 10px;
      cursor: pointer;
      &.active {
        border-color: @blue;
        color: @blue;
        &::after {
          opacity: 1;
        }
      }
    }
  }
  &.buttonTab {
    .item {
      height: 30px;
      line-height: 30px;
      padding: 0 15px;
      border: 1px solid #e6e6e6;
      transition: all 0.3s;
      min-width: 60px;
      text-align: center;
      margin-right: -1px;
      cursor: pointer;
      &:hover {
        color: @blue;
      }
      &:first-child {
        border-top-left-radius: 0.3em;
        border-bottom-left-radius: 0.3em;
      }
      &:last-child {
        border-top-right-radius: 0.3em;
        border-bottom-right-radius: 0.3em;
      }
      &.active {
        color: #fff !important;
        background: @blue;
      }
    }
  }
}
.asideMenu {
  width: 100px;
  // height: calc(100% - 50px);
  overflow: hidden;
  padding: 10px 0;
  .menu_item {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    padding-left: 10px;
    text-align: left;
    cursor: pointer;

    &:hover,
    &.active {
      background: #399efd !important;
    }

    .text {
      display: inline-block;
    }

    .iconfont {
      margin-right: 10px;
    }
  }
}
/*新样式*/
#homePage {
  .firstTab {
    .item {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
      border-radius: 0.2em;
      margin-right: 15px;
      height: 80px;
      cursor: pointer;
      font-size: 15px;
      color: #fff;
      padding: 15px;
      &:last-child {
        margin: 0;
      }
      .iconfont {
        font-size: 30px;
        margin-right: 15px;
      }
      &.item1 {
        background: linear-gradient(180deg, #0567fa, #043aea);
      }
      &.item2 {
        background: linear-gradient(180deg, #05bdfa, #0496ea);
      }
      &.item3 {
        background: linear-gradient(180deg, #a6e40a, #73db04);
      }
      &.item4 {
        background: linear-gradient(180deg, #fac105, #eaad04);
      }
      &.item5 {
        background: linear-gradient(180deg, #0fdeb8, #03c48a);
      }
      &.item6 {
        background: linear-gradient(180deg, #c6dc1a, #b9d109);
      }
      &.item7 {
        background: linear-gradient(180deg, #fa4205, #ea3e04);
      }
    }
  }
  .viewBox {
    padding: 0;
  }
  .saleModal {
    width: 60%;
    margin-right: 20px;
  }
  .saleView,
  .storageView {
    height: 420px;
  }
  .noticeList {
    .title {
      font-size: 18px;
      font-weight: bold;
      color: #333;
    }
    ul {
      padding: 10px;
    }
    li {
      font-size: 14px;
      padding: 0 10px;
      line-height: 40px;
      border-bottom: 1px solid #e6e6e6;
      .date {
        width: 120px;
        color: #999;
        text-align: right;
      }
    }
  }
  .taskCenter,
  .usedFun {
    padding: 0;
    height: 200px;
    margin: 20px 20px 20px 0;
  }
  .taskCenter {
    .item {
      float: left;
      width: 16.66666%;
      text-align: center;
      padding: 30px 10px 0;
      cursor: pointer;
      .iconfont {
        display: inline-block;
        font-size: 30px;
        height: 50px;
        line-height: 50px;
        width: 50px;
        border-radius: 40px;
        background: #f5f8f9;
        color: #999;
        margin-bottom: 10px;
        transition: all 0.3s;
        position: relative;
        .number {
          position: absolute;
          font-size: 11px;
          color: #fff;
          background: #f34d37;
          width: 20px;
          height: 20px;
          border-radius: 100%;
          line-height: 20px;
          text-align: center;
        }
      }
      .text {
        color: #666;
        transition: all 0.3s;
      }
      &:hover {
        .iconfont {
          background: #0496ea;
          color: #fff;
        }
        .text {
          color: #0496ea;
        }
      }
    }
  }
  .usedFun {
    .item {
      float: left;
      width: 16.66666%;
      text-align: center;
      padding: 30px 10px 0;
      cursor: pointer;
      .iconfont {
        display: inline-block;
        font-size: 30px;
        height: 50px;
        line-height: 50px;
        width: 50px;
        border-radius: 40px;
        background: #f5f8f9;
        color: #999;
        margin-bottom: 10px;
        transition: all 0.3s;
      }
      .text {
        color: #666;
        transition: all 0.3s;
      }
      &:hover {
        .iconfont {
          background: #0496ea;
          color: #fff;
        }
        .text {
          color: #0496ea;
        }
      }
    }
  }
  .noticeModal {
    width: 30%;
  }
  /deep/ .myDialog {
    .dialogBody {
      padding: 10px 20px !important;
      min-height: 300px;
    }
  }

  .noticeBanner {
    height: 180px;
    margin: 20px 0;
    padding: 0;
    .swiper {
      height: 100%;
      width: 100%;
      overflow: hidden;
      .swiper-slide {
        width: 100% !important;
      }
      img {
        width: 100%;
      }
    }
  }
  .notice {
    padding: 0;
    height: 220px;
    margin: 20px 0;
    .com_title {
      height: 40px;
      line-height: 40px;
      margin-bottom: 10px;
    }
    .lineTab {
      .item {
        height: 40px;
        line-height: 40px;
      }
    }
  }
  .noticeList {
    padding: 5px 15px;
    list-style: none;
    li {
      height: 36px;
      padding-left: 20px;
      line-height: 36px;
      padding-right: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      cursor: pointer;
      &::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #0567fa;
        top: 15px;
        left: 4px;
      }
      .time {
        position: absolute;
        right: 0;
        top: 0;
        color: #999;
      }
      &:hover {
        color: #0567fa;
        .time {
          color: #0567fa;
        }
      }
    }
  }
  .com_title {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;

    .text {
      font-size: 18px;
      font-weight: 600;
      color: #555;
    }
    .titleMore {
      float: right;
      color: #999;
    }
  }
}

/*统计*/
.totalSum {
  background: #f1f1f1;
  padding: 10px 15px;
  margin-bottom: 15px;
  .text {
    display: inline-block;
    margin-right: 40px;
    color: #888;
  }
}
/*自定义树状表*/
.myTreeTable {
  thead {
    th,
    td {
      background: #fafafa !important;
    }
  }
  td,
  th {
    border: 1px solid @gray_e4 !important;
    padding: 0 8px !important;
    height: 40px !important;
    vertical-align: middle !important;
    &.operCell {
      .iconfont {
        color: @blue;
        cursor: pointer;
        font-size: 18px;
      }
    }
  }
  .hasChild {
    > td:first-child {
      position: relative;
    }
    .showMore {
      position: absolute;
      font-size: 13px;
      width: 13px;
      height: 13px;
      left: 10px;
      top: 15px;
      cursor: pointer;
      .comTranstion();
      &::before {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 100%;
      }
    }
    &.open {
      .showMore {
        transform: rotate(180deg);
      }
    }
  }
  .child_1 {
    // display: none;
    > td:first-child {
      padding-left: 30px !important;
    }
    .showMore {
      left: 10px;
    }
  }
  .child_2 {
    display: none;
    > td:first-child {
      padding-left: 50px !important;
    }
    .showMore {
      left: 30px;
    }
  }
  .child_3 {
    display: none;
    > td:first-child {
      padding-left: 70px !important;
    }
    .showMore {
      left: 50px;
    }
  }
  .child_4 {
    display: none;
    > td:first-child {
      padding-left: 90px !important;
    }
  }
}
.trackOrder {
  .iconbox {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 50px;
    color: @white;
    margin-right: 15px;
    .iconfont {
      font-size: 24px;
    }
    &.blue {
      .linearGradient(90deg,#1958f7,#163ff4);
    }
    &.green {
      .linearGradient(90deg,#30e91f,#30cd0d);
    }
    &.bluelight {
      .linearGradient(90deg,#35caeb,#19bae7);
    }
    &.yello {
      .linearGradient(90deg,#ebae35,#e99c17);
    }
  }
}
.tableOperBox {
  .text {
    line-height: 26px;
  }
  input[type="checkbox"] {
    margin: 0 5px 0 0 !important;
    position: relative;
    top: 2px;
  }
  .redBox {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background: @red_orange;
  }
}
.tableRadioBox {
  padding-top: 5px;
  * {
    height: 20px;
    line-height: 20px;
  }
  .layui-form-radio,
  .layui-form-checkbox {
    margin-right: 15px;
    &:hover {
      color: @blue !important;
      > * {
        color: @blue !important;
      }
    }
    &.layui-form-radioed,
    &.layui-form-checked {
      color: @blue !important;
      > * {
        color: @blue !important;
      }
    }
  }
}
.layui-laydate {
  .layui-laydate-footer {
    span {
      &:hover {
        color: @blue !important;
      }
    }
  }
}
//文件弹窗
#fileOperateDialog {
  .fileItem {
    border: 1px solid @gray_d6;
    border-radius: 0.3em;
    padding: 15px;
    margin: 10px 0;
    height: 80px;
    &.active {
      border-color: @blue;
      color: @blue;
    }
  }
}
//资金管理
.fundIndex {
  .com_title {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    &::before {
      height: 15px;
      width: 3px;
      background: @blue;
      position: absolute;
      content: "";
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  .fundBanner {
    height: 180px;
    padding: 0;
    margin-bottom: 15px;
    .swiper {
      height: 100%;
      width: 100%;
      overflow: hidden;
      .swiper-slide {
        width: 100% !important;
      }
      img {
        width: 100%;
      }
    }
  }
  .modalHeight {
    min-height: 200px;
    max-height: 400px;
  }
  .fundTable {
    height: 187px;
    overflow: hidden;
  }
  .fundRight {
    margin-left: 15px;
    width: 30%;
    min-width: 300px;
  }
  .totalBox {
    font-size: 12px;
    font-weight: 600;
    .number {
      font-size: 20px;
      display: inline-block;
    }
  }
  .noticeList {
    padding: 5px 15px;
    list-style: none;
    li {
      height: 36px;
      padding-left: 20px;
      line-height: 36px;
      padding-right: 100px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      cursor: pointer;
      &::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 5px;
        background: #0567fa;
        top: 15px;
        left: 4px;
      }
      .time {
        position: absolute;
        right: 0;
        top: 0;
        color: #999;
      }
      &:hover {
        color: #0567fa;
        .time {
          color: #0567fa;
        }
      }
    }
    &.accountNotice {
      li {
        &::before {
          content: "";
          position: absolute;
          width: 5px;
          height: 5px;
          border-radius: 5px;
          background: @red;
          top: 15px;
          left: 4px;
        }
      }
    }
    .listItem {
      margin-bottom: 10px;
      .noticeMark {
        display: inline-block;
        background: @gray_e6;
        color: @gray_55;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 0.3em;
        margin-right: 5px;
        font-size: 12px;
        &.paid {
          background: @orange;
          color: @white;
        }
        &.put {
          background: @light_blue;
          color: @white;
        }
      }
      .p-l-25 {
        padding-left: 25px;
      }
      .companyLogo {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        overflow: hidden;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
  .btnList {
    height: 202px;
    .item {
      border-radius: 0.3em;
      padding-top: 15px;
      width: 20%;
      margin: 15px 2.5% 10px;

      color: #fff;
      text-align: center;
      height: 80px;
      .iconfont {
        font-size: 30px;
      }
      &.itemBg1 {
        background: #03c48a;
      }
      &.itemBg2 {
        background: #0353c4;
      }
      &.itemBg3 {
        background: #4ca206;
      }
      &.itemBg4 {
        background: #1903c4;
      }
      &.itemBg5 {
        background: #c48403;
      }
      &.itemBg6 {
        background: #c46a03;
      }
      &.itemBg7 {
        background: #c44a03;
      }
      &.itemBg8 {
        background: #2ac403;
      }
    }
  }
  .listBox {
    height: 150px;
  }
  .fundList {
    height: 186px;
    > .showItem {
      display: none;
      &:first-child {
        display: block;
      }
    }

    &.comFundChart {
      display: none;
    }
    .listHead {
      line-height: 36px;
      background: @gray_e6;
    }
    .item {
      padding: 0 10px;
    }
    .item2 {
      width: 100px;
    }
    .item3 {
      width: 120px;
    }
    .listBox {
      .flex {
        line-height: 36px;
        border-bottom: 1px solid @gray_d6;
        &:last-child {
          border-bottom: 0;
        }
      }
    }
  }
  .fundTotalVirw {
    .item {
      margin-left: 30px;
      color: @gray_66;
    }
  }
  .fundTotalVirw2 {
    .item {
      color: @gray_66;
      &:last-child {
        border-left: 1px solid @gray_d6;
      }
      padding-left: 50px;
    }
    .more {
      float: right;
      margin-right: 30px;
      color: @gray_99;
    }
  }
  .fundTotalVirw3 {
    > .flex-1 {
      position: relative;
      &:last-child {
        border-left: 1px solid @gray_d6;
      }
      .item {
        color: @gray_66;
        padding-left: 50px;
      }
      .more {
        position: absolute;
        right: 30px;
        top: 0;
        font-size: 12px;
        color: @gray_99;
      }
    }
  }
}
.noDataBox {
  height: 100%;
  .iconfont {
    font-size: 50px;
    color: @gray_99;
  }
  .text {
    margin-top: 15px;
    color: #999;
  }
}
.layui-comtip {
  cursor: pointer;
}
.comAreaNumber {
  position: relative;
  .areaNumberBox {
    position: absolute;
    font-size: 13px;
    right: 10px;
    bottom: 5px;
    .e_number {
      color: @gray_66;
    }
    .s_number {
      color: @gray_99;
    }
  }
}
.common_modal {
  background: @white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 0.2em;
  position: relative;

  .title {
    height: 50px;
    margin: -15px 0 0;
    line-height: 50px;
  }

  .title_text {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    .iconfont {
      font-weight: 500;
      color: @gray_99;
      cursor: pointer;
      margin-left: 5px;
    }
  }
}

.common_title {
  height: 20px;
  line-height: 20px;
  padding-bottom: 15px;
  box-sizing: content-box;
  span {
    font-size: 18px;
  }

  .common_title_right {
    float: right;

    .icon {
      margin-left: 10px;
      cursor: pointer;
    }
  }
}

.noData {
  text-align: center;
  color: @gray_99;
  padding: 15px;
}
.webuploader-pick {
  background: none !important;
  color: inherit !important;
  text-align: left !important;
  padding: 0 !important;
}
.myFormModal {
  .myFormItem {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    &.block {
      float: none;
      width: 100%;
    }
    label {
      font-weight: 500;
      margin-right: 12px;
      line-height: @form_item_height;
      margin-bottom: 0;
    }
    .formBox {
      position: relative;
      input,
      div {
        height: @form_item_height;
        line-height: @form_item_height;
      }
      textarea {
        width: 300px;
        min-height: 80px;
      }
      input {
        width: 180px;
        position: relative;
        &[type="checkbox"],
        &[type="radio"] {
          height: 15px;
          width: 15px;
          line-height: 15px;
        }
      }
      .clearValue {
        position: absolute;
        display: none;
        z-index: 5;
        width: @form_item_height;
        height: @form_item_height;
        line-height: @form_item_height;
        cursor: pointer;
        font-size: 12px;
        text-align: center;
        right: 0;
        top: 1px;
        color: @gray_99;
      }
      .form-control[readonly] {
        background: @white;
      }
      .comProviceBox {
        width: auto;
        min-width: 180px;
      }
      &.dateRange {
        line-height: @form_item_height;
      }
    }
    .dateInput {
      position: relative;
      line-height: 28px;
      input {
        padding-right: 25px;
      }
      .iconfont {
        position: absolute;
        font-size: 15px;
        color: @gray_99;
        right: 5px;
        top: 0;
      }
    }
  }
}
.company_comModal {
  border-radius: 0.2em;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  background: @white;
  min-height: 50px;
}
.company_formItem {
  margin-bottom: 15px;
  .form-label {
    text-align: right;
    flex-shrink: 0;
    height: @form_item_height;
    line-height: @form_item_height;
    // width: 30%;
    // min-width: 90px;
    // max-width: 200px;
    margin-right: 15px !important;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
  }
  .label-block {
    height: 30px;
    line-height: 30px;
  }

  .form-control {
    min-height: @form_item_height;
    height: @form_item_height;
    line-height: @form_item_height;
    display: block;
    width: 100%;

    &[readonly] {
      background: none !important;
    }

    &.inline {
      display: inline-block;
      width: auto;
      min-width: 60px;
    }
  }
  &.line28 {
    @form_item_height: 28px;
    .form-label {
      height: @form_item_height;
      line-height: @form_item_height;
    }
    .label-block {
      height: @form_item_height;
      line-height: @form_item_height;
    }
    .form-control {
      height: @form_item_height;
      min-height: @form_item_height;
      line-height: @form_item_height;
    }
  }
  .textarea {
    min-height: 120px;
  }

  .clearValue {
    position: absolute;
    display: none;
    z-index: 5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    right: 0;
    top: 1px;
    color: @gray_99;

    > .form-control {
      padding-right: 30px;
    }
  }

  .requeid {
    border-color: @red;

    &:focus {
      border-color: @red !important;
      .boxShadow(0, 0, 2px, @red);
    }

    & + .errorText {
      display: block;
    }
  }

  .errorText {
    position: absolute;
    display: none;
    top: 32px;
    color: @red;
    font-size: 11px;
  }

  .dropdown {
    width: 100% !important;

    .btn {
      padding: 5px 12px;
      height: @form_item_height;
      width: 100%;
      text-align: left;
      position: relative;

      &:focus,
      &:active:focus {
        outline: none !important;
        box-shadow: none !important;
      }

      &:hover {
        background: none !important;
      }

      .close-select {
        cursor: pointer;
        margin-right: 15px;
        display: none;

        &:hover {
          color: @red;
        }
      }
    }
  }
}
.company_comTitle {
  text-align: center;
  padding: 30px 0 20px;

  .title1 {
    font-size: 30px;
  }

  .title2 {
    font-size: 24px;
  }

  .title3 {
    font-size: 18px;
  }
  .title4 {
    font-size: 15px;
  }
}
.company_grayTitle {
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  background: @gray_f1;
  color: @gray_66;
  font-size: 15px;
  border: 1px solid @gray_e6;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
}

.comNavBox {
  .navView {
    display: none;

    &:first-child {
      display: block;
    }
  }
}
.company_comRadioBox,
.company_comCheckBox {
  min-height: 30px;
  padding-top: 6px;
  .checkbox-inline,
  .radio-inline {
    margin-right: 20px !important;
    position: relative;
    > input {
      position: absolute;
      left: 0;
      top: 3px;
      margin: 0;
    }
  }
}
/*头部导航*/
.headTab {
  height: 40px;
  background: @white;
  // border-bottom: 1px solid @gray_e6;
  position: relative;
  padding-right: 70px;
  padding-left: 30px;
  margin-top: 5px;
  margin-right: 30px;
  // box-shadow: 0 2px 4px rgba(0,0,0,0.1);

  .treeLeft {
    position: absolute;
    width: 30px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    left: 0;
    top: 0;
    color: @gray_33;
    &.disabled {
      color: @gray_99;
      cursor: not-allowed;
    }
  }
  .treeRight {
    position: absolute;
    width: 30px;
    right: 30px;
    line-height: 40px;
    top: 0;
    color: @gray_33;
    cursor: pointer;
    &.disabled {
      color: @gray_99;
      cursor: not-allowed;
    }
  }
  .treeMain {
    height: 100%;
    position: relative;
    overflow: hidden;
    > div {
      position: absolute;
      top: 0;
      left: 0;
      white-space: nowrap;
      .comTranstion();
    }
    a {
      display: inline-block;
      font-size: 13px;
      padding: 2px 20px 2px 15px;
      margin: 6px 0 6px 6px;
      border: 1px solid @gray_e6;
      border-radius: 3px;
      background: @white;
      border-radius: 0.4em;
      box-shadow: 0 0 5px @gray_e6;
      color: @gray_66;
      line-height: 22px;
      position: relative;
      cursor: pointer;
      white-space: nowrap;
      .icon-close-X {
        position: absolute;
        right: 5px;
        font-size: 10px;
        color: @gray_d6;
        cursor: pointer;
        &:hover {
          color: @red;
          font-weight: 600;
        }
      }
      &:hover {
        color: @blue;
      }
      &.active {
        background-color: @blue;
        color: @white;
        .icon-close-X {
          color: @white;
          opacity: 0.8;
          &:hover {
            opacity: 1;
            font-weight: 600;
          }
        }
      }
      &::before {
        margin-right: 5px;
        font-size: 14px;
      }
    }
  }
  .treeOper {
    position: absolute;
    top: 0;
    right: 10px;
    width: 30px;
    line-height: @bar_height;
    text-align: center;
    height: 100%;
    z-index: 1;
    .iconfont {
      color: @gray_66 !important;
    }
    .item {
      padding: 0 15px;
      line-height: 30px;
      color: @gray_44;
      cursor: pointer;
      &:hover {
        color: @blue;
      }
    }
  }
}
/**修改默认ElementUi样式*/
.searchBox {
  padding: 15px;
  .searchForm {
    // border: 1px solid @gray_e6;
    // margin: 15px 0 0;
    // display: none;
    position: relative;

    .searchFormClose {
      position: absolute;
      cursor: pointer;
      top: -10px;
      right: -5px;
      color: @blue;
    }

    > div {
      margin-bottom: 15px;
    }
  }
  .totalView {
    text-align: right;
    margin: 15px 0;
  }
}
.bluer {
  color: @blue;
  cursor: pointer;
}
.pointer {
  cursor: pointer;
  user-select: none;

  &:hover {
    color: @blue;
  }
}
.hidden {
  display: none !important;
}
.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}
.baseGary {
  color: @font-color;
}

.baseBlue {
  color: @blue;
}

.baseRed {
  color: @red;
}

.baseGreen {
  color: @green;
}

.baseOrange {
  color: @orange;
}

.ce6 {
  color: @gray_e6;
}

.cf8 {
  color: @gray_f8;
}

.c999 {
  color: @gray_99;
}

.c666 {
  color: @gray_66;
}
.w50 {
  width: 50px !important;
}
.lineHeight28 {
  line-height: 28px;
}
.t_left {
  text-align: left;
}

.t_center {
  text-align: center;
}
.t_right {
  text-align: right;
}
.f_left {
  float: left;
}

.f_right {
  float: right;
}
.t_underline {
  text-decoration: underline;
}
.m_t_15 {
  margin-top: 15px;
}
.p-t-b-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.p-t-b-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-t-b-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-t-b-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
//layui 改写
.layui-btn-normal {
  color: @white;
}
.layui-layer-page {
  .layui-layer-content {
    padding: 15px;
  }
}
.layui-table-page {
  .layui-table-pageview {
    float: right;
  }
}
.layui-laypage {
  float: right;
  a:hover {
    color: @blue;
  }
  input,
  select {
    &:focus {
      border-color: @blue !important;
    }
  }
  .layui-laypage-curr {
    .layui-laypage-em {
      background-color: @blue;
    }
  }
}
//boot改写
.btn-default-self {
  padding: 0 10px;
  height: 30px;
  line-height: 28px !important;
  border-radius: 0.3em;
  border: 1px solid @gray_d6 !important;
  color: @gray_55 !important;
  background: @white !important;
  font-size: 12px;
  &:hover {
    border-color: @blue !important;
    color: @blue !important;
    background: @blueOpacity !important;
  }
  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
  }
}
.btn-info-self {
  padding: 0 10px;
  height: 30px;
  line-height: 28px !important;
  border-radius: 0.3em;
  background: @blue;
  border: 1px solid @blue;
  color: @white !important;
  font-size: 12px;
  &:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &[disabled]:hover {
    background-color: @themeBlueColor;
    border-color: @themeBlueColor;
  }

  &:focus,
  &.focus,
  &:active:hover,
  &:active:focus,
  &.active:hover,
  &.active:focus {
    outline: none;
    background-color: @themeBlueColor !important;
    border-color: none !important;
  }
}
.roleSetPage {
  title {
    line-height: 20px;
    height: auto;
    padding: 15px 0 0;
  }
  .myswitch {
    margin-top: 1px;
  }
  .typeItem {
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    cursor: pointer;
  }
  .typeItem.active {
    background: #399efd;
    color: #fff !important;
  }
  .typeItem:hover {
    color: #399efd;
  }

  .personItem {
    padding: 0 5px;
  }
  .personItem[class^="el-icon"]::before {
    line-height: 32px;
  }
}
.secondaryMenu {
  color: @gray_55;
  dt {
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    color: inherit;
    img {
      position: absolute;
      transform: rotate(-90deg);
      left: 10px;
      top: 17px;
      width: 8px;
      transition: all 0.3s;
    }
  }
  &.showChild {
    dt {
      img {
        transform: rotate(0deg);
      }
    }
  }
  &.active {
    dt {
      background: @blue;
      color: @white;
    }
  }
  dd {
    display: none;
    a {
      display: block;
      cursor: pointer;
      color: inherit;
      line-height: 30px;
      padding-left: 50px;
      &.active {
        background: @blue;
        color: @white;
      }
    }
  }
}
/* 滚动条整体样式 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: @white;
  /* 滚动条宽度 */
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  height: 6px;
  width: 6px;
  background-color: #e8ecfd;
  /* 轨道背景色 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  // background-color: #888; /* 滑块背景色 */
  height: 6px;
  width: 6px;
  border-radius: 10px;
  background: #1890ff;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}

/* 滚动条滑块在鼠标悬停时的样式 */
::-webkit-scrollbar-thumb:hover {
  // background-color: #555; /* 悬停时滑块背景色 */
  background: #128afb;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
#companyName {
  position: relative;
  user-select: none;
  .companyList {
    position: absolute;
    display: none;
    top: 60px;
    right: -20px;
    width: 320px;
    z-index: 999;
    background: #fff;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    padding: 15px;
    overflow: hidden;
  }
  .companyPic {
    width: 40px;
    height: 40px;
    img {
      width: 100%;
      height: 100%;
      vertical-align: top;
    }
  }
  .companyItem {
    transition: all 0.3s;
    background: none;
    padding: 10px;
    border-radius: 0.3em;
    &:hover {
      background: @gray_f8;
    }
    &:last-child {
      border-bottom: none;
    }
    &.active {
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
      background: @gray_f5;
    }
  }
  .companyInfo {
    margin-left: 15px;
    line-height: 100%;

    .name {
      font-size: 14px;
      margin-bottom: 5px;
    }
    .msg {
      font-size: 12px;
      color: #999;
    }
  }
}
//公司管理
.companyManage {
  .companyList {
    .companyItem {
      padding: 15px 0;
    }
  }
}
